.content{
    font-size: 28px;
}
ul{padding: 0}
li{
    display: block;
}
.row{
    margin: 0 auto;
    width: 90%;
    padding: 10px 0;
}
.content>.row:first-child{
    margin-top: 30px;
    border-bottom: solid 2px #dddddd;
}
.col-lg-6{
    padding-left: 30px;
}
li .row:not(:last-child){
    padding: 5px 0;
    border-bottom: solid 1px #eeeeee;
}
.newCount{
    color: #5385ff;
}
.reviewCount{
    color: #ff7034;
}
.imgEdit{display: none}
li .row:hover .imgEdit{display: block}
li .row:hover{background-color: #dddddd}
img{
    width: 28px;
    height: 28px;
    margin: 0 5px;
    cursor: pointer;
    margin-top: -11px;
}
#studyListInfo{
    display: none;
}
#studyListInfo .overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 1;
    background: rgba(1,1,1,0.6);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#studyListView{
    position: fixed;
    width: 40%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 100;
    background-color: white;
    padding: 0 10px;

}
.show{
    opacity: 1;
    visibility: visible;
}